<ion-view hide-tabs='false' hide-nav-bar="true" ng-controller="leagueCtrl">
	<ion-header-bar align-title="center" class="bar-default" style="background-color: #F8F8F8;display: flex;justify-content: space-between;">
		<div class="buttons" style="width: 50px;">
			<i style="font-size:28px;position: relative;top: 3px; width: 50px;" class="icon ion-ios-calendar-outline"></i>
			<time-picker style="overflow:hidden;width: 30px;height:36px;left:0;position: absolute;color: transparent;" title="选择约课时间"
				yearstart="{{selectDate}}" ok-handler="callback(result)" time-picker-result="data.result" format="yyyy-MM-dd" hidetime="true"></time-picker>
		</div>
		<div style="text-align: center;font-size: 20px;margin-top: 4px;">团课</div>
		<div class="buttons" ng-click="leagueCourse()">
			<button class="button button-clear button-dark">
				课种 <span class="ion-ios-arrow-down"></span>
			</button>
		</div>
	</ion-header-bar>
	<div id="courseSelect" class="disNone" style="height: 400px;overflow: auto;box-shadow: 0 0 2px #000000;background-color:#FFFFFF;border-radius:8px;position: absolute; width: 90%;top: 50px;left: 5%; z-index: 100;background-size: 100% auto;">
		<ion-list style="max-height: 200px;">
			<div style="background-color:#FFFFFF; position: relative;border-top-left-radius: 8px;border-top-right-radius: 8px;height: 50px;margin-left: 5%;width: 90%;font-size: 16px; border-bottom: solid 2px #e5e5e5;line-height: 50px;border-right:none;border-left: none;">&emsp;选择课种类型</div>
			<ion-radio class="allsCourses" style="background-color:#FFFFFF; margin-left: 5%;width: 90%;font-size: 16px; border-bottom: solid 2px #e5e5e5;line-height: 50px;border-right:none;border-left: none;padding: 0;"
				ng-click="allLeagueCourse()" ng-model="choice">&emsp;全部课种</ion-radio>
			<ion-radio class="courseLists" ng-repeat="course in classFication" ng-click="courseSelected({{course.id}})" style="position: relative;margin-left: 5%;width:90%;border-right:none;border-left: none;"
				ng-model="choice" ng-value="{{course.id}}" id="{{course.id}}">
				<span style="position: absolute;"><img style="width: 30px;" src="img/dance2x.png" alt=""></span >
				<span style="margin-left: 40px;">{{course.name}}</span></ion-radio>
		</ion-list>
	</div>
	<ion-content class="padding league_ion_Content" on-touch="closeCourseSelect()">
		<ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
		<ion-list ng-repeat="ww in date">
			<time class="league_ion_Content_Date ">{{ww.info}} {{ww.class_date}}</time>
			<ion-item class="item-remove-animate  league_Ion_Item " style="margin-top: 0;margin-bottom: 0;height: 60px;" type="item-text-wrap"
				ng-repeat="qq in ww.list" id="ion_item" style="margin-bottom: 0;">
				<button type="button" class="league_IonButton endTiemDate" ng-click="onclick({{qq.id}},22,{{qq.isTimeEndClass}})" 
					style="width: 100%;background: rgb(255, 255, 255);padding: 0;border: none;">
					<ul class="leagueIonItemUl"  ng-class=" {{qq.isTimeEndClass != true}} ? 'endTiemDate' :'endTiemDates' " >
					<li>
						<span style="color: rgb(0, 0, 0)">{{qq.start}}</span><br>
						<small class="smallFontSize">{{qq.end}}结束</small>
					</li>
					<li>
						<p>{{qq.courseName}} <small>{{qq.level}}</small> </p>
						<div style="background-image: url({{qq.scoreImg.one}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px; "></div>
						<div style="background-image: url({{qq.scoreImg.two}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px; "></div>
						<div style="background-image: url({{qq.scoreImg.three}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px; "></div>
						<div style="background-image: url({{qq.scoreImg.four}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px; "></div>
						<div style="background-image: url({{qq.scoreImg.five}}); background-repeat: no-repeat; width: 18px;height: 15px; display: inline-block;background-size: 15px 15px; "></div>
					</li>
					<li>
						<div style="width: 27px;height: 27px;background:url({{qq.coachPic}});border-radius: 50%;margin:0 auto;background-repeat: no-repeat;background-size: 27px 27px;"></div>
						<small>{{qq.coach}}</small>
					</li>
					<li>
						<i class="icon ion-chevron-right icon-accessory"></i>
					</li>
				</ul>
				</button>
			</ion-item>
			</div>
		</ion-list>
	</ion-content>
</ion-view>